<!DOCTYPE html>
<html>
    <head>
        <title>练习首页</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>
        <div class="banner-box">
            <div class="top-bar">
                <div class="bar-content">
                    <img class="icon-box" src="images/logo.png" />
                    <ul class="nav-box">
                        <li class="nav-list active">首页</li>
                        <li class="nav-list">下载</li>
                        <li class="nav-list">论坛</li>
                    </ul>
                </div>
            </div>
            <img class="banner-img" src="images/banner1.png" />
        </div>
        <div class="card-line">
            <div class="card-block">
                <img class="card-img" src="images/card1.jpg" />
                <p class="center-txt">
                    米聊Android版
                    <span>2018</span>
                </p>
                <div class="download-btn">
                    立即下载
                </div>
            </div>
            <div class="card-block">
                <img class="card-img" src="images/card2.png"/>
                <p class="center-txt">
                        米聊iPhone版
                        <span>2016</span>
                </p>
                <div class="download-btn">
                    立即下载
                </div>
            </div>
            <div class="card-block">
                <img class="card-img" src="images/card3.png">
                <p class="center-txt">
                        米聊PC版
                        <span>3.0</span>
                </p>
                <div class="download-btn">
                    立即下载
                </div>
            </div>
        </div>
        <div class="footer">
            <ul class="footer-box">
                    <li class="footer-list-first">小米旗下网站：</li>
                    <li class="footer-list"><a href="https://www.mi.com/" target="_blank">小米网</a></li>
                    <li class="footer-list"><a href="http://www.miui.com/" target="blank">MIUI</a></li>
                    <li class="footer-list"><a href="http://www.miliao.com/" target="blank">米聊</a></li>
                    <li class="footer-list"><a href="http://game.xiaomi.com/" target="blank">游戏</a></li>
                    <li class="footer-list"><a href="http://www.duokan.com/" target="blank">多看阅读</a></li>
                    <li class="footer-list"><a href="http://www.miwifi.com/" target="blank">小米路由器</a></li>
                    <li class="footer-list"><a href="https://i.mi.com/#/" target="blank">云服务</a></li>
                    <li class="footer-list"><a href="https://live.wali.com/" target="blank">小米直播</a></li>
                    <li class="footer-list"><a href="http://blog.xiaomi.com/" target="blank">小米后院</a></li>
            </ul>
            <p class="footer-txt">
               <a href="http://www.miliao.com/"> ©www.miliao.com</a>
               京ICP备10046444号 京公网安备11010802020134
            </p>
            <p class="footer-last">
                <a href="http://jubao.12377.cn:13225/reportinputcommon.do"><img src="images/last-1.jpg" style="vertical-align:middle"></a>
                <a href="http://www.12377.cn/node_548446.htm"><img src="images/last-2.jpg" style="vertical-align:middle"></a>
                米聊举报邮箱：miliao-reporting@xiaomi.com  米聊举报电话：0311-67267315
            </p>
        </div>
    </div>
    </body>
</html>